﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<title>Aquincum - premium admin template by Eugene Kopyov</title>
<!--[if IE]> <link href="css/ie.css" rel="stylesheet" type="text/css"> <![endif]-->

<link href="css/styles.css" rel="stylesheet" type="text/css">

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>

<script type="text/javascript" src="js/plugins/forms/ui.spinner.js"></script>
<script type="text/javascript" src="js/plugins/forms/jquery.mousewheel.js"></script>
 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>

<script type="text/javascript" src="js/plugins/charts/excanvas.min.js"></script>
<script type="text/javascript" src="js/plugins/charts/jquery.flot.js"></script>
<script type="text/javascript" src="js/plugins/charts/jquery.flot.orderBars.js"></script>
<script type="text/javascript" src="js/plugins/charts/jquery.flot.pie.js"></script>
<script type="text/javascript" src="js/plugins/charts/jquery.flot.resize.js"></script>
<script type="text/javascript" src="js/plugins/charts/jquery.sparkline.min.js"></script>

<script type="text/javascript" src="js/plugins/tables/jquery.dataTables.js"></script>
<script type="text/javascript" src="js/plugins/tables/jquery.sortable.js"></script>
<script type="text/javascript" src="js/plugins/tables/jquery.resizable.js"></script><style type="text/css">.CRZ{table-layout:fixed;}.CRZ td,.CRZ th{overflow:hidden}.CRC{height:0px;position:relative;}.CRG{margin-left:-5px;position:absolute;z-index:5;}.CRG .CRZ{position:absolute;background-color:red;filter:alpha(opacity=1);opacity:0;width:10px;height:100%;top:0px}.CRL{position:absolute;width:1px}.CRD{ border-left:1px dotted black}</style>

<script type="text/javascript" src="js/plugins/forms/autogrowtextarea.js"></script>
<script type="text/javascript" src="js/plugins/forms/jquery.uniform.js"></script>
<script type="text/javascript" src="js/plugins/forms/jquery.inputlimiter.min.js"></script>
<script type="text/javascript" src="js/plugins/forms/jquery.tagsinput.min.js"></script>
<script type="text/javascript" src="js/plugins/forms/jquery.maskedinput.min.js"></script>
<script type="text/javascript" src="js/plugins/forms/jquery.autotab.js"></script>
<script type="text/javascript" src="js/plugins/forms/jquery.chosen.min.js"></script>
<script type="text/javascript" src="js/plugins/forms/jquery.dualListBox.js"></script>
<script type="text/javascript" src="js/plugins/forms/jquery.cleditor.js"></script>
<script type="text/javascript" src="js/plugins/forms/jquery.ibutton.js"></script>
<script type="text/javascript" src="js/plugins/forms/jquery.validationEngine-en.js"></script>
<script type="text/javascript" src="js/plugins/forms/jquery.validationEngine.js"></script>

<script type="text/javascript" src="js/plugins/uploader/plupload.js"></script>
<script type="text/javascript" src="js/plugins/uploader/plupload.html4.js"></script>
<script type="text/javascript" src="js/plugins/uploader/plupload.html5.js"></script>
<script type="text/javascript" src="js/plugins/uploader/jquery.plupload.queue.js"></script>

<script type="text/javascript" src="js/plugins/wizards/jquery.form.wizard.js"></script>
<script type="text/javascript" src="js/plugins/wizards/jquery.validate.js"></script>
<script type="text/javascript" src="js/plugins/wizards/jquery.form.js"></script>

<script type="text/javascript" src="js/plugins/ui/jquery.collapsible.min.js"></script>
<script type="text/javascript" src="js/plugins/ui/jquery.breadcrumbs.js"></script>
<script type="text/javascript" src="js/plugins/ui/jquery.tipsy.js"></script>
<script type="text/javascript" src="js/plugins/ui/jquery.progress.js"></script>
<script type="text/javascript" src="js/plugins/ui/jquery.timeentry.min.js"></script>
<script type="text/javascript" src="js/plugins/ui/jquery.colorpicker.js"></script>
<script type="text/javascript" src="js/plugins/ui/jquery.jgrowl.js"></script>
<script type="text/javascript" src="js/plugins/ui/jquery.fancybox.js"></script>
<script type="text/javascript" src="js/plugins/ui/jquery.fileTree.js"></script>
<script type="text/javascript" src="js/plugins/ui/jquery.sourcerer.js"></script>

<script type="text/javascript" src="js/plugins/others/jquery.fullcalendar.js"></script>
<script type="text/javascript" src="js/plugins/others/jquery.elfinder.js"></script>

<script type="text/javascript" src="js/plugins/ui/jquery.easytabs.min.js"></script>
<script type="text/javascript" src="js/files/bootstrap.js"></script>
<script type="text/javascript" src="js/files/functions.js"></script>

<script type="text/javascript" src="js/charts/chart.js"></script>
<script type="text/javascript" src="js/charts/hBar_side.js"></script>

<style type="text/css">.jqstooltip { position: absolute;left: 0px;top: 0px;visibility: hidden;background: rgb(0, 0, 0) transparent;background-color: rgba(0,0,0,0.75);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";color: white;font: 11px arial, san serif;text-align: left;white-space: nowrap;padding: 5px;}.jqsfield { color: white;font: 10px arial, san serif;text-align: left;}</style></head>

<body>

<!-- Style switcher -->
<div class="switcher">
	<a href="#" title="" class="pat1"><img src="images/switcher/2.png" alt=""></a>
    <a href="#" title="" class="pat2"><img src="images/switcher/3.png" alt=""></a>
    <a href="#" title="" class="pat3"><img src="images/switcher/4.png" alt=""></a>
	<a href="#" title="" class="pat4"><img src="images/switcher/5.png" alt=""></a>
    <a href="#" title="" class="pat5"><img src="images/switcher/6.png" alt=""></a>
    <a href="#" title="" class="pat6"><img src="images/switcher/7.png" alt=""></a>
	<a href="#" title="" class="pat7"><img src="images/switcher/8.png" alt=""></a>
    <a href="#" title="" class="pat8"><img src="images/switcher/9.png" alt=""></a>
    <a href="#" title="" class="pat10"><img src="images/switcher/10.png" alt=""></a>
	<a href="#" title="" class="pat9"><img src="images/switcher/1.png" alt=""></a>
</div>

<!-- Top line begins -->
<div id="top">
    <div class="wrapper">
        <a href="index.html" title="" class="logo"><img src="images/logo.png" alt=""></a>
        
        <!-- Right top nav -->
        <div class="topNav">
            <ul class="userNav">
                <li><a title="" class="search"></a></li>
                <li><a href="#" title="" class="screen"></a></li>
                <li><a href="#" title="" class="settings"></a></li>
                <li><a href="#" title="" class="logout"></a></li>
                <li class="showTabletP"><a href="#" title="" class="sidebar"></a></li>
            </ul>
            <a title="" class="iButton"></a>
            <a title="" class="iTop"></a>
            <div class="topSearch">
                <div class="topDropArrow"></div>
                <form action="">
                    <input type="text" placeholder="search..." name="topSearch">
                    <input type="submit" value="">
                </form>
            </div>
        </div>
        
        <!-- Responsive nav -->
        <ul class="altMenu">
            <li><a href="index.html" title="">Dashboard</a></li>
            <li><a href="ui.html" title="" class="exp subOpened" id="current">UI elements</a>
                <ul>
                    <li><a href="ui.html">General elements</a></li>
                    <li><a href="ui_icons.html">Icons</a></li>
                    <li><a href="ui_buttons.html">Button sets</a></li>
                    <li><a href="ui_grid.html" class="active">Grid</a></li>
                    <li><a href="ui_custom.html">Custom elements</a></li>
                    <li><a href="ui_experimental.html">Experimental</a></li>
                </ul>
            </li>
            <li><a href="forms.html" title="" class="exp subClosed">Forms stuff</a>
                <ul style="display: none; ">
                    <li><a href="forms.html">Inputs &amp; elements</a></li>
                    <li><a href="form_validation.html">Validation</a></li>
                    <li><a href="form_editor.html">File uploads &amp; editor</a></li>
                    <li><a href="form_wizards.html">Form wizards</a></li>
                </ul>
            </li>
            <li><a href="messages.html" title="">Messages</a></li>
            <li><a href="statistics.html" title="">Statistics</a></li>
            <li><a href="tables.html" title="" class="exp subClosed">Tables</a>
                <ul style="display: none; ">
                    <li><a href="tables.html">Standard tables</a></li>
                    <li><a href="tables_dynamic.html">Dynamic tables</a></li>
                    <li><a href="tables_control.html">Tables with control</a></li>
                    <li><a href="tables_sortable.html">Sortable &amp; resizable</a></li>
                </ul>
            </li>
            <li><a href="other_calendar.html" title="" class="exp subClosed">Other pages</a>
                <ul style="display: none; ">
                    <li><a href="other_calendar.html">Calendar</a></li>
                    <li><a href="other_gallery.html">Images gallery</a></li>
                    <li><a href="other_file_manager.html">File manager</a></li>
                    <li><a href="other_404.html">Sample error page</a></li>
                    <li><a href="other_typography.html">Typography</a></li>
                </ul>
            </li>
        </ul>
        <div class="clear"></div>
    </div>
</div>
<!-- Top line ends -->


<!-- Sidebar begins -->
<div id="sidebar" class="with">
    <div class="mainNav">
        <div class="user">
            <a title="" class="leftUserDrop"><img src="images/user.png" alt=""><span><strong>3</strong></span></a><span>Eugene</span>
            <ul class="leftUser">
                <li><a href="#" title="" class="sProfile">My profile</a></li>
                <li><a href="#" title="" class="sMessages">Messages</a></li>
                <li><a href="#" title="" class="sSettings">Settings</a></li>
                <li><a href="#" title="" class="sLogout">Logout</a></li>
            </ul>
        </div>
        
        <!-- Responsive nav -->
        <div class="altNav">
            <div class="userSearch">
                <form action="">
                    <input type="text" placeholder="search..." name="userSearch">
                    <input type="submit" value="">
                </form>
            </div>
            
            <!-- User nav -->
            <ul class="userNav">
                <li><a href="#" title="" class="profile"></a></li>
                <li><a href="#" title="" class="messages"></a></li>
                <li><a href="#" title="" class="settings"></a></li>
                <li><a href="#" title="" class="logout"></a></li>
            </ul>
        </div>
        
        <!-- Main nav -->
        <ul class="nav">
            <li><a href="index.html" title="" class="active"><img src="images/icons/mainnav/dashboard.png" alt=""><span>Dashboard</span></a></li>
            <li><a href="ui.html" title=""><img src="images/icons/mainnav/ui.png" alt=""><span>UI elements</span></a>
                <ul>
                    <li><a href="ui.html" title=""><span class="icol-fullscreen"></span>General elements</a></li>
                    <li><a href="ui_icons.html" title=""><span class="icol-images2"></span>Icons</a></li>
                    <li><a href="ui_buttons.html" title=""><span class="icol-coverflow"></span>Button sets</a></li>
                    <li><a href="ui_grid.html" title=""><span class="icol-view"></span>Grid</a></li>
                    <li><a href="ui_custom.html" title=""><span class="icol-cog2"></span>Custom elements</a></li>
                    <li><a href="ui_experimental.html" title=""><span class="icol-beta"></span>Experimental</a></li>
                </ul>
            </li>
            <li><a href="forms.html" title=""><img src="images/icons/mainnav/forms.png" alt=""><span>Forms stuff</span></a>
                <ul>
                    <li><a href="forms.html" title=""><span class="icol-list"></span>Inputs &amp; elements</a></li>
                    <li><a href="form_validation.html" title=""><span class="icol-alert"></span>Validation</a></li>
                    <li><a href="form_editor.html" title=""><span class="icol-pencil"></span>File uploader &amp; WYSIWYG</a></li>
                    <li><a href="form_wizards.html" title=""><span class="icol-signpost"></span>Form wizards</a></li>
                </ul>
            </li>
            <li><a href="messages.html" title=""><img src="images/icons/mainnav/messages.png" alt=""><span>Messages</span></a></li>
            <li><a href="statistics.html" title=""><img src="images/icons/mainnav/statistics.png" alt=""><span>Statistics</span></a></li>
            <li><a href="tables.html" title=""><img src="images/icons/mainnav/tables.png" alt=""><span>Tables</span></a>
                <ul>
                    <li><a href="tables.html" title=""><span class="icol-frames"></span>Standard tables</a></li>
                    <li><a href="tables_dynamic.html" title=""><span class="icol-refresh"></span>Dynamic table</a></li>
                    <li><a href="tables_control.html" title=""><span class="icol-bullseye"></span>Tables with control</a></li>
                    <li><a href="tables_sortable.html" title=""><span class="icol-transfer"></span>Sortable and resizable</a></li>
                </ul>
            </li>
            <li><a href="other_calendar.html" title=""><img src="images/icons/mainnav/other.png" alt=""><span>Other pages</span></a>
                <ul>
                    <li><a href="other_calendar.html" title=""><span class="icol-dcalendar"></span>Calendar</a></li>
                    <li><a href="other_gallery.html" title=""><span class="icol-images2"></span>Images gallery</a></li>
                    <li><a href="other_file_manager.html" title=""><span class="icol-files"></span>File manager</a></li>
                    <li><a href="#" title="" class="exp subClosed"><span class="icol-alert"></span>Error pages <span class="dataNumRed">6</span></a>
                        <ul style="display: none; ">
                            <li><a href="other_403.html" title="">403 error</a></li>
                            <li><a href="other_404.html" title="">404 error</a></li>
                            <li><a href="other_405.html" title="">405 error</a></li>
                            <li><a href="other_500.html" title="">500 error</a></li>
                            <li><a href="other_503.html" title="">503 error</a></li>
                            <li><a href="other_offline.html" title="">Website is offline error</a></li>
                        </ul>
                    </li>
                    <li><a href="other_typography.html" title=""><span class="icol-create"></span>Typography</a></li>
                    <li><a href="other_invoice.html" title=""><span class="icol-money2"></span>Invoice template</a></li>
                </ul>
            </li>
        </ul>
    </div>
    
    <!-- Secondary nav -->
    <div class="secNav">
        <div class="secWrapper">
            <div class="secTop">
                <div class="balance">
                    <div class="balInfo">Balance:<span>Apr 21 2012</span></div>
                    <div class="balAmount"><span class="balBars"><canvas style="display: inline-block; vertical-align: top; width: 59px; height: 18px; " width="59" height="18"></canvas></span><span>$58,990</span></div>
                </div>
                <a href="#" class="triangle-red"></a>
            </div>
            
            <!-- Tabs container -->
            <div id="tab-container" class="tab-container" data-easytabs="true">
                <ul class="iconsLine ic3 etabs">
                    <li class="clicked"><a href="#general" title="" class="clicked"><span class="icos-fullscreen"></span></a></li>
                    <li><a href="#alt1" title=""><span class="icos-user"></span></a></li>
                    <li><a href="#alt2" title=""><span class="icos-archive"></span></a></li>
                </ul>
                
                <div class="divider"><span></span></div>
                
                <div id="general" style="display: block; " class="active">
                
                    <!-- Sidebar big buttons -->
                    <div class="sidePad">
                        <a href="#" title="" class="sideB bLightBlue">Add new session</a>
                        <a href="#" title="" class="sideB bGreen mt10">New orders</a>
                    </div>
                    
                    <div class="divider"><span></span></div>
                
                    <!-- Sidebar file uploads widget -->
                    <div class="sideUpload">
                        <div class="dropFiles"></div>
                        <ul class="filesDown">
                            <li class="currentFile">
                                <div class="fileProcess">
                                    <img src="images/elements/loaders/10s.gif" alt="" class="loader">
                                    <strong>Homepage_widgets_102.psd</strong>
                                    <div class="fileProgress">
                                        <span>9.1 of 17MB</span> - <span>243KB/sec</span> - <span>1 min</span>
                                    </div>
                                    
                                    <div class="contentProgress"><div class="barG tipN" id="bar10" style="width: 61%; " original-title="61%"></div></div>
                                </div>
                            </li>
                            <li><span class="fileSuccess"></span>About_Us_08956.psd<span class="remove"></span></li>
                            <li><span class="fileSuccess"></span>Our_services_02811.psd<span class="remove"></span></li>
                            <li><span class="fileError"></span>Homepage_Alt_032811.psd<span class="remove"></span></li>
                            <li><span class="fileQueue"></span>Homepage_Alt_032811.psd<span class="remove"></span></li>
                            <li><span class="fileQueue"></span>Homepage_Alt_032811.psd<span class="remove"></span></li>
                        </ul>
                    </div>
                    
                    <div class="divider"><span></span></div>
                    
                    <!-- Sidebar chart -->
                    <div class="sideChart">
                        <div class="barsS" id="placeholder1_hS" style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; position: relative; "><canvas class="base" width="206" height="250"></canvas><canvas class="overlay" width="206" height="250" style="position: absolute; left: 0px; top: 0px; "></canvas><div class="tickLabels" style="font-size:smaller"><div class="xAxis x1Axis" style="color:#545454"><div class="tickLabel" style="position:absolute;text-align:center;left:9px;top:228px;width:29px">0</div><div class="tickLabel" style="position:absolute;text-align:center;left:41px;top:228px;width:29px">5</div><div class="tickLabel" style="position:absolute;text-align:center;left:73px;top:228px;width:29px">10</div><div class="tickLabel" style="position:absolute;text-align:center;left:105px;top:228px;width:29px">15</div><div class="tickLabel" style="position:absolute;text-align:center;left:137px;top:228px;width:29px">20</div><div class="tickLabel" style="position:absolute;text-align:center;left:169px;top:228px;width:29px">25</div></div><div class="yAxis y1Axis" style="color:#545454"><div class="tickLabel" style="position:absolute;text-align:right;top:212px;right:188px;width:18px">-1.0</div><div class="tickLabel" style="position:absolute;text-align:right;top:169px;right:188px;width:18px">0.0</div><div class="tickLabel" style="position:absolute;text-align:right;top:127px;right:188px;width:18px">1.0</div><div class="tickLabel" style="position:absolute;text-align:right;top:84px;right:188px;width:18px">2.0</div><div class="tickLabel" style="position:absolute;text-align:right;top:42px;right:188px;width:18px">3.0</div><div class="tickLabel" style="position:absolute;text-align:right;top:-1px;right:188px;width:18px">4.0</div></div></div></div>
                    </div>
                </div>
                
                <div id="alt1" style="display: none; ">
                    
                    <!-- Sidebar chart -->
                    <div class="numStats">
                        <ul>
                            <li><a href="#" title="">4248</a><span>visitors</span></li>
                            <li><a href="#" title="">748</a><span>orders</span></li>
                            <li class="last"><a href="#" title="">357</a><span>reviews</span></li>
                        </ul>
                        <div class="clear"></div>
                    </div>
                    
                    <div class="divider"><span></span></div>
                
                	<!-- Sidebar user list -->
                    <ul class="userList">
                        <li>
                            <a href="#" title="">
                                <img src="images/live/face1.png" alt="">
                                <span class="contactName">
                                    <strong>Eugene Kopyov <span>(5)</span></strong>
                                    <i>web &amp; ui designer</i>
                                </span>
                                <span class="status_away"></span>
                                <span class="clear"></span>
                            </a>
                        </li>
                        <li>
                            <a href="#" title="">
                                <img src="images/live/face2.png" alt="">
                                <span class="contactName">
                                    <strong>Lucy Wilkinson <span>(12)</span></strong>
                                    <i>Team leader</i>
                                </span>
                                <span class="status_off"></span>
                                <span class="clear"></span>
                            </a>
                        </li>
                        <li class="noBorderB">
                            <a href="#" title="">
                                <img src="images/live/face3.png" alt="">
                                <span class="contactName">
                                    <strong>John Dow</strong>
                                    <i>PHP developer</i>
                                </span>
                                <span class="status_available"></span>
                                <span class="clear"></span>
                            </a>
                        </li>
                    </ul>
                    
                    <div class="divider"><span></span></div>
                
                    <!-- Sidebar progress bars -->
                    <div class="sideWidget">
                        <div class="contentProgress"><div class="barGr tipS" id="bar1" style="width: 15%; " original-title="15%"></div></div>   
                        <div class="contentProgress mt8"><div class="barB tipS" id="bar2" style="width: 30%; " original-title="30%"></div></div>
                        <div class="contentProgress mt8"><div class="barO tipS" id="bar3" style="width: 45%; " original-title="45%"></div></div>
                        <div class="contentProgress mt8"><div class="barBl tipS" id="bar4" style="width: 60%; " original-title="60%"></div></div>
                        <div class="contentProgress mt8"><div class="barR tipS" id="bar5" style="width: 75%; " original-title="75%"></div></div>  
                    </div>       
                    
                </div>
                
                
                <div id="alt2" style="display: none; ">
                
                	<!-- Sidebar forms -->
                    <div class="sideWidget">
                        <div class="formRow">
                            <label>Usual input field:</label>
                            <input type="text" name="regular" placeholder="Your name">
                        </div>
                        <div class="formRow">
                           <label>Usual password field:</label>
                            <input type="password" name="regular" placeholder="Your password"> 
                        </div>
                        <div class="formRow">
                            <label>Single file uploader:</label>
                            <div class="uploader" id="uniform-fileInput" style=""><input type="file" class="fileInput" id="fileInput" size="19.7" style="opacity: 0; "><span class="filename">No file selected</span><span class="action">Choose File</span></div>
                        </div>
                        <div class="formRow">
                            <label>Dropdown menu:</label>
                            <div class="selector" id="uniform-undefined"><span>Usual select box</span><select name="select2" style="opacity: 0; ">
                                <option value="opt1">Usual select box</option>
                                <option value="opt2">Option 2</option>
                                <option value="opt3">Option 3</option>
                                <option value="opt4">Option 4</option>
                                <option value="opt5">Option 5</option>
                                <option value="opt6">Option 6</option>
                                <option value="opt7">Option 7</option>
                                <option value="opt8">Option 8</option>
                            </select></div>
                        </div>
                        
                        <div class="formRow searchDrop">
                            <label>Dropdown with search:</label>
                            <div class="selector" id="uniform-selX24"><span></span><select data-placeholder="Choose a Country..." class="select chzn-done" tabindex="-1" id="selX24" style="display: none; opacity: 0; ">
                                <option value=""></option> 
                                <option value="Cambodia">Cambodia</option> 
                                <option value="Cameroon">Cameroon</option> 
                                <option value="Canada">Canada</option> 
                                <option value="Cape Verde">Cape Verde</option> 
                                <option value="Cayman Islands">Cayman Islands</option> 
                                <option value="Central African Republic">Central African Republic</option> 
                                <option value="Chad">Chad</option> 
                                <option value="Chile">Chile</option> 
                                <option value="China">China</option> 
                                <option value="Christmas Island">Christmas Island</option> 
                                <option value="Cocos (Keeling) Islands">Cocos (Keeling) Islands</option> 
                                <option value="Colombia">Colombia</option> 
                                <option value="Comoros">Comoros</option> 
                                <option value="Congo">Congo</option> 
                                <option value="Congo, The Democratic Republic of The">Congo, The Democratic Republic of The</option> 
                                <option value="Cook Islands">Cook Islands</option> 
                                <option value="Costa Rica">Costa Rica</option> 
                                <option value="Cote D'ivoire">Cote D'ivoire</option> 
                                <option value="Croatia">Croatia</option> 
                                <option value="Cuba">Cuba</option> 
                                <option value="Cyprus">Cyprus</option> 
                                <option value="Czech Republic">Czech Republic</option> 
                                <option value="Denmark">Denmark</option> 
                                <option value="Djibouti">Djibouti</option> 
                                <option value="Dominica">Dominica</option> 
                                <option value="Dominican Republic">Dominican Republic</option> 
                                <option value="Ecuador">Ecuador</option> 
                                <option value="Egypt">Egypt</option> 
                                <option value="El Salvador">El Salvador</option> 
                                <option value="Equatorial Guinea">Equatorial Guinea</option> 
                                <option value="Eritrea">Eritrea</option> 
                                <option value="Estonia">Estonia</option> 
                                <option value="Ethiopia">Ethiopia</option> 
                                <option value="Falkland Islands (Malvinas)">Falkland Islands (Malvinas)</option> 
                                <option value="Faroe Islands">Faroe Islands</option> 
                                <option value="Fiji">Fiji</option> 
                                <option value="Finland">Finland</option> 
                                <option value="France">France</option> 
                                <option value="French Guiana">French Guiana</option> 
                                <option value="French Polynesia">French Polynesia</option> 
                                <option value="French Southern Territories">French Southern Territories</option> 
                                <option value="Gabon">Gabon</option> 
                                <option value="Gambia">Gambia</option> 
                                <option value="Georgia">Georgia</option> 
                                <option value="Germany">Germany</option> 
                                <option value="Ghana">Ghana</option> 
                                <option value="Gibraltar">Gibraltar</option> 
                                <option value="Greece">Greece</option> 
                            </select></div><div id="selX24_chzn" class="chzn-container chzn-container-single" style="width: 256px;"><a href="javascript:void(0)" class="chzn-single" tabindex="2"><span>Choose a Country...</span><div><b></b></div></a><div class="chzn-drop" style="left: -9000px; width: 254px; top: 29px; "><div class="chzn-search"><input type="text" autocomplete="off" style="width: 230px; " tabindex="-1"></div><ul class="chzn-results"><li id="selX24_chzn_o_1" class="active-result" style="">Cambodia</li><li id="selX24_chzn_o_2" class="active-result" style="">Cameroon</li><li id="selX24_chzn_o_3" class="active-result" style="">Canada</li><li id="selX24_chzn_o_4" class="active-result" style="">Cape Verde</li><li id="selX24_chzn_o_5" class="active-result" style="">Cayman Islands</li><li id="selX24_chzn_o_6" class="active-result" style="">Central African Republic</li><li id="selX24_chzn_o_7" class="active-result" style="">Chad</li><li id="selX24_chzn_o_8" class="active-result" style="">Chile</li><li id="selX24_chzn_o_9" class="active-result" style="">China</li><li id="selX24_chzn_o_10" class="active-result" style="">Christmas Island</li><li id="selX24_chzn_o_11" class="active-result" style="">Cocos (Keeling) Islands</li><li id="selX24_chzn_o_12" class="active-result" style="">Colombia</li><li id="selX24_chzn_o_13" class="active-result" style="">Comoros</li><li id="selX24_chzn_o_14" class="active-result" style="">Congo</li><li id="selX24_chzn_o_15" class="active-result" style="">Congo, The Democratic Republic of The</li><li id="selX24_chzn_o_16" class="active-result" style="">Cook Islands</li><li id="selX24_chzn_o_17" class="active-result" style="">Costa Rica</li><li id="selX24_chzn_o_18" class="active-result" style="">Cote D'ivoire</li><li id="selX24_chzn_o_19" class="active-result" style="">Croatia</li><li id="selX24_chzn_o_20" class="active-result" style="">Cuba</li><li id="selX24_chzn_o_21" class="active-result" style="">Cyprus</li><li id="selX24_chzn_o_22" class="active-result" style="">Czech Republic</li><li id="selX24_chzn_o_23" class="active-result" style="">Denmark</li><li id="selX24_chzn_o_24" class="active-result" style="">Djibouti</li><li id="selX24_chzn_o_25" class="active-result" style="">Dominica</li><li id="selX24_chzn_o_26" class="active-result" style="">Dominican Republic</li><li id="selX24_chzn_o_27" class="active-result" style="">Ecuador</li><li id="selX24_chzn_o_28" class="active-result" style="">Egypt</li><li id="selX24_chzn_o_29" class="active-result" style="">El Salvador</li><li id="selX24_chzn_o_30" class="active-result" style="">Equatorial Guinea</li><li id="selX24_chzn_o_31" class="active-result" style="">Eritrea</li><li id="selX24_chzn_o_32" class="active-result" style="">Estonia</li><li id="selX24_chzn_o_33" class="active-result" style="">Ethiopia</li><li id="selX24_chzn_o_34" class="active-result" style="">Falkland Islands (Malvinas)</li><li id="selX24_chzn_o_35" class="active-result" style="">Faroe Islands</li><li id="selX24_chzn_o_36" class="active-result" style="">Fiji</li><li id="selX24_chzn_o_37" class="active-result" style="">Finland</li><li id="selX24_chzn_o_38" class="active-result" style="">France</li><li id="selX24_chzn_o_39" class="active-result" style="">French Guiana</li><li id="selX24_chzn_o_40" class="active-result" style="">French Polynesia</li><li id="selX24_chzn_o_41" class="active-result" style="">French Southern Territories</li><li id="selX24_chzn_o_42" class="active-result" style="">Gabon</li><li id="selX24_chzn_o_43" class="active-result" style="">Gambia</li><li id="selX24_chzn_o_44" class="active-result" style="">Georgia</li><li id="selX24_chzn_o_45" class="active-result" style="">Germany</li><li id="selX24_chzn_o_46" class="active-result" style="">Ghana</li><li id="selX24_chzn_o_47" class="active-result" style="">Gibraltar</li><li id="selX24_chzn_o_48" class="active-result" style="">Greece</li></ul></div></div>
                        </div>
                    
                        <div class="formRow">
                            <div class="checker" id="uniform-check2"><span class="checked"><input type="checkbox" id="check2" name="chbox1" checked="checked" class="check" style="opacity: 0; "></span></div>
                            <label for="check2" class="nopadding">Checkbox checked</label>
                            <div class="clear"></div>
                        </div>
                        <div class="formRow">
                            <div class="radio" id="uniform-radio1"><span class="checked"><input type="radio" id="radio1" name="question1" checked="checked" style="opacity: 0; "></span></div>
                            <label for="radio1" class="nopadding">Usual radio button</label>
                            <div class="clear"></div>
                        </div>
                        <div class="formRow">
                            <label>Usual textarea:</label>
                            <textarea rows="8" cols="" name="textarea" placeholder="Your message"></textarea>
                        </div>
                        <div class="formRow noBorderB">
                            <input type="submit" class="buttonS bLightBlue" value="Submit button">
                        </div>
                    </div>
                </div>
            </div>
            
            <div class="divider"><span></span></div>
            
            <!-- Sidebar datepicker -->
            <div class="sideWidget">
                <div class="inlinedate hasDatepicker" id="dp1342621653302"><div class="ui-datepicker-inline ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all" style="display: block; "><div class="ui-datepicker-header ui-widget-header ui-helper-clearfix ui-corner-all"><a class="ui-datepicker-prev ui-corner-all" onclick="DP_jQuery_1342621653299.datepicker._adjustDate('#dp1342621653302', -1, 'M');" title="Prev"><span class="ui-icon ui-icon-circle-triangle-w">Prev</span></a><a class="ui-datepicker-next ui-corner-all" onclick="DP_jQuery_1342621653299.datepicker._adjustDate('#dp1342621653302', +1, 'M');" title="Next"><span class="ui-icon ui-icon-circle-triangle-e">Next</span></a><div class="ui-datepicker-title"><span class="ui-datepicker-month">July</span>&nbsp;<span class="ui-datepicker-year">2012</span></div></div><table class="ui-datepicker-calendar"><thead><tr><th class="ui-datepicker-week-end"><span title="Sunday">Su</span></th><th><span title="Monday">Mo</span></th><th><span title="Tuesday">Tu</span></th><th><span title="Wednesday">We</span></th><th><span title="Thursday">Th</span></th><th><span title="Friday">Fr</span></th><th class="ui-datepicker-week-end"><span title="Saturday">Sa</span></th></tr></thead><tbody><tr><td class=" ui-datepicker-week-end " onclick="DP_jQuery_1342621653299.datepicker._selectDay('#dp1342621653302',6,2012, this);return false;"><a class="ui-state-default" href="#">1</a></td><td class=" " onclick="DP_jQuery_1342621653299.datepicker._selectDay('#dp1342621653302',6,2012, this);return false;"><a class="ui-state-default" href="#">2</a></td><td class=" " onclick="DP_jQuery_1342621653299.datepicker._selectDay('#dp1342621653302',6,2012, this);return false;"><a class="ui-state-default" href="#">3</a></td><td class=" " onclick="DP_jQuery_1342621653299.datepicker._selectDay('#dp1342621653302',6,2012, this);return false;"><a class="ui-state-default" href="#">4</a></td><td class=" " onclick="DP_jQuery_1342621653299.datepicker._selectDay('#dp1342621653302',6,2012, this);return false;"><a class="ui-state-default" href="#">5</a></td><td class=" " onclick="DP_jQuery_1342621653299.datepicker._selectDay('#dp1342621653302',6,2012, this);return false;"><a class="ui-state-default" href="#">6</a></td><td class=" ui-datepicker-week-end " onclick="DP_jQuery_1342621653299.datepicker._selectDay('#dp1342621653302',6,2012, this);return false;"><a class="ui-state-default" href="#">7</a></td></tr><tr><td class=" ui-datepicker-week-end " onclick="DP_jQuery_1342621653299.datepicker._selectDay('#dp1342621653302',6,2012, this);return false;"><a class="ui-state-default" href="#">8</a></td><td class=" " onclick="DP_jQuery_1342621653299.datepicker._selectDay('#dp1342621653302',6,2012, this);return false;"><a class="ui-state-default" href="#">9</a></td><td class=" " onclick="DP_jQuery_1342621653299.datepicker._selectDay('#dp1342621653302',6,2012, this);return false;"><a class="ui-state-default" href="#">10</a></td><td class=" " onclick="DP_jQuery_1342621653299.datepicker._selectDay('#dp1342621653302',6,2012, this);return false;"><a class="ui-state-default" href="#">11</a></td><td class=" " onclick="DP_jQuery_1342621653299.datepicker._selectDay('#dp1342621653302',6,2012, this);return false;"><a class="ui-state-default" href="#">12</a></td><td class=" " onclick="DP_jQuery_1342621653299.datepicker._selectDay('#dp1342621653302',6,2012, this);return false;"><a class="ui-state-default" href="#">13</a></td><td class=" ui-datepicker-week-end " onclick="DP_jQuery_1342621653299.datepicker._selectDay('#dp1342621653302',6,2012, this);return false;"><a class="ui-state-default" href="#">14</a></td></tr><tr><td class=" ui-datepicker-week-end " onclick="DP_jQuery_1342621653299.datepicker._selectDay('#dp1342621653302',6,2012, this);return false;"><a class="ui-state-default" href="#">15</a></td><td class=" " onclick="DP_jQuery_1342621653299.datepicker._selectDay('#dp1342621653302',6,2012, this);return false;"><a class="ui-state-default" href="#">16</a></td><td class=" " onclick="DP_jQuery_1342621653299.datepicker._selectDay('#dp1342621653302',6,2012, this);return false;"><a class="ui-state-default" href="#">17</a></td><td class=" ui-datepicker-days-cell-over  ui-datepicker-current-day ui-datepicker-today" onclick="DP_jQuery_1342621653299.datepicker._selectDay('#dp1342621653302',6,2012, this);return false;"><a class="ui-state-default ui-state-highlight ui-state-active ui-state-hover" href="#">18</a></td><td class=" " onclick="DP_jQuery_1342621653299.datepicker._selectDay('#dp1342621653302',6,2012, this);return false;"><a class="ui-state-default" href="#">19</a></td><td class=" " onclick="DP_jQuery_1342621653299.datepicker._selectDay('#dp1342621653302',6,2012, this);return false;"><a class="ui-state-default" href="#">20</a></td><td class=" ui-datepicker-week-end " onclick="DP_jQuery_1342621653299.datepicker._selectDay('#dp1342621653302',6,2012, this);return false;"><a class="ui-state-default" href="#">21</a></td></tr><tr><td class=" ui-datepicker-week-end " onclick="DP_jQuery_1342621653299.datepicker._selectDay('#dp1342621653302',6,2012, this);return false;"><a class="ui-state-default" href="#">22</a></td><td class=" " onclick="DP_jQuery_1342621653299.datepicker._selectDay('#dp1342621653302',6,2012, this);return false;"><a class="ui-state-default" href="#">23</a></td><td class=" " onclick="DP_jQuery_1342621653299.datepicker._selectDay('#dp1342621653302',6,2012, this);return false;"><a class="ui-state-default" href="#">24</a></td><td class=" " onclick="DP_jQuery_1342621653299.datepicker._selectDay('#dp1342621653302',6,2012, this);return false;"><a class="ui-state-default" href="#">25</a></td><td class=" " onclick="DP_jQuery_1342621653299.datepicker._selectDay('#dp1342621653302',6,2012, this);return false;"><a class="ui-state-default" href="#">26</a></td><td class=" " onclick="DP_jQuery_1342621653299.datepicker._selectDay('#dp1342621653302',6,2012, this);return false;"><a class="ui-state-default" href="#">27</a></td><td class=" ui-datepicker-week-end " onclick="DP_jQuery_1342621653299.datepicker._selectDay('#dp1342621653302',6,2012, this);return false;"><a class="ui-state-default" href="#">28</a></td></tr><tr><td class=" ui-datepicker-week-end " onclick="DP_jQuery_1342621653299.datepicker._selectDay('#dp1342621653302',6,2012, this);return false;"><a class="ui-state-default" href="#">29</a></td><td class=" " onclick="DP_jQuery_1342621653299.datepicker._selectDay('#dp1342621653302',6,2012, this);return false;"><a class="ui-state-default" href="#">30</a></td><td class=" " onclick="DP_jQuery_1342621653299.datepicker._selectDay('#dp1342621653302',6,2012, this);return false;"><a class="ui-state-default" href="#">31</a></td><td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">1</span></td><td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">2</span></td><td class=" ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">3</span></td><td class=" ui-datepicker-week-end ui-datepicker-other-month ui-datepicker-unselectable ui-state-disabled "><span class="ui-state-default">4</span></td></tr></tbody></table></div></div>
            </div>
            
            <div class="divider"><span></span></div>
            
            <!-- Sidebar tags line -->
            <div class="formRow">
                <input type="text" id="tags" name="tags" class="tags" value="these,are,sample,tags" style="display: none; "><div id="tags_tagsinput" class="tagsinput" style="width: 100%; "><span class="tag"><span>these&nbsp;&nbsp;</span><a href="#" title="Removing tag">x</a></span><span class="tag"><span>are&nbsp;&nbsp;</span><a href="#" title="Removing tag">x</a></span><span class="tag"><span>sample&nbsp;&nbsp;</span><a href="#" title="Removing tag">x</a></span><span class="tag"><span>tags&nbsp;&nbsp;</span><a href="#" title="Removing tag">x</a></span><div id="tags_addTag"><input id="tags_tag" value="" data-default="add a tag" style="width: 60px; color: rgb(102, 102, 102); "></div><div class="tags_clear"></div></div>
            </div>
            
            <div class="divider"><span></span></div>
            
            <!-- Sidebar buttons -->
            <div class="fluid sideWidget">
                <div class="grid6"><input type="submit" class="buttonS bRed" value="Cancel"></div>
                <div class="grid6"><input type="submit" class="buttonS bGreen" value="Submit"></div>
            </div>
            
            <div class="divider"><span></span></div>
            
       </div> 
       <div class="clear"></div>
   </div>
</div>
<!-- Sidebar ends -->
    
    
<!-- Content begins -->
<div id="content">
    <div class="contentTop">
        <span class="pageTitle"><span class="icon-screen"></span>Dashboard</span>
        <ul class="quickStats">
            <li>
                <a href="" class="blueImg"><img src="images/icons/quickstats/plus.png" alt=""></a>
                <div class="floatR"><strong class="blue">5489</strong><span>visits</span></div>
            </li>
            <li>
                <a href="" class="redImg"><img src="images/icons/quickstats/user.png" alt=""></a>
                <div class="floatR"><strong class="blue">4658</strong><span>users</span></div>
            </li>
            <li>
                <a href="" class="greenImg"><img src="images/icons/quickstats/money.png" alt=""></a>
                <div class="floatR"><strong class="blue">1289</strong><span>orders</span></div>
            </li>
        </ul>
        <div class="clear"></div>
    </div>
    
    <!-- Breadcrumbs line -->
    <div class="breadLine">
        <div class="bc">
            <ul id="breadcrumbs" class="breadcrumbs">
                <li><a href="#">Dashboard</a></li>
                <li><a href="#">UI elements</a>
                    <ul>
                        <li><a href="ui.html" title="">General elements</a></li>
                        <li><a href="ui_icons.html" title="">Icons</a></li>
                         <li><a href="ui_buttons.html" title="">Button sets</a></li>
                        <li><a href="ui_custom.html" title="">Custom elements</a></li>
                        <li><a href="ui_experimental.html" title="">Experimental</a></li>
                    </ul>
                </li>
                <li class="current"><a href="ui_grid.html" title="">Grid</a></li>
            </ul>
        </div>
        
        <div class="breadLinks">
            <ul>
                <li><a href="#" title=""><i class="icos-list"></i><span>Orders</span> <strong>(+58)</strong></a></li>
                <li><a href="#" title=""><i class="icos-check"></i><span>Tasks</span> <strong>(+12)</strong></a></li>
                <li class="has">
                    <a title="">
                        <i class="icos-money3"></i>
                        <span>Invoices</span>
                        <span><img src="images/elements/control/hasddArrow.png" alt=""></span>
                    </a>
                    <ul>
                        <li><a href="#" title=""><span class="icos-add"></span>New invoice</a></li>
                        <li><a href="#" title=""><span class="icos-archive"></span>History</a></li>
                        <li class="noBorderB"><a href="#" title=""><span class="icos-printer"></span>Print invoices</a></li>
                    </ul>
                </li>
            </ul>
             <div class="clear"></div>
        </div>
    </div>
    
    <!-- Main content -->
    <div class="wrapper">
        <ul class="middleNavR">
            <li><a href="#" class="tipN" original-title="Add an article"><img src="images/icons/middlenav/create.png" alt=""></a></li>
            <li><a href="#" class="tipN" original-title="Upload files"><img src="images/icons/middlenav/upload.png" alt=""></a></li>
            <li><a href="#" class="tipN" original-title="Add something"><img src="images/icons/middlenav/add.png" alt=""></a></li>
            <li><a href="#" class="tipN" original-title="Messages"><img src="images/icons/middlenav/dialogs.png" alt=""></a><strong>8</strong></li>
            <li><a href="#" class="tipN" original-title="Check statistics"><img src="images/icons/middlenav/stats.png" alt=""></a></li>
        </ul>
    
    	<!-- Chart -->
        <div class="widget chartWrapper">
            <div class="whead"><h6>Charts</h6>
                <div class="titleOpt">
                    <a href="#" data-toggle="dropdown"><span class="icos-cog3"></span><span class="clear"></span></a>
                    <ul class="dropdown-menu pull-right">
                            <li><a href="#"><span class="icos-add"></span>Add</a></li>
                            <li><a href="#"><span class="icos-trash"></span>Remove</a></li>
                            <li><a href="#" class=""><span class="icos-pencil"></span>Edit</a></li>
                            <li><a href="#" class=""><span class="icos-heart"></span>Do whatever you like</a></li>
                    </ul>
                </div>
                <div class="clear"></div>
            </div>
            <div class="body"><div class="chart" style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; position: relative; "><canvas class="base" width="842" height="250"></canvas><canvas class="overlay" width="842" height="250" style="position: absolute; left: 0px; top: 0px; "></canvas><div class="tickLabels" style="font-size:smaller"><div class="xAxis x1Axis" style="color:#545454"><div class="tickLabel" style="position:absolute;text-align:center;left:-23px;top:228px;width:93px">0.0</div><div class="tickLabel" style="position:absolute;text-align:center;left:78px;top:228px;width:93px">2.5</div><div class="tickLabel" style="position:absolute;text-align:center;left:179px;top:228px;width:93px">5.0</div><div class="tickLabel" style="position:absolute;text-align:center;left:280px;top:228px;width:93px">7.5</div><div class="tickLabel" style="position:absolute;text-align:center;left:381px;top:228px;width:93px">10.0</div><div class="tickLabel" style="position:absolute;text-align:center;left:482px;top:228px;width:93px">12.5</div><div class="tickLabel" style="position:absolute;text-align:center;left:583px;top:228px;width:93px">15.0</div><div class="tickLabel" style="position:absolute;text-align:center;left:684px;top:228px;width:93px">17.5</div><div class="tickLabel" style="position:absolute;text-align:center;left:786px;top:228px;width:93px">20.0</div></div><div class="yAxis y1Axis" style="color:#545454"><div class="tickLabel" style="position:absolute;text-align:right;top:202px;right:824px;width:18px">-1.0</div><div class="tickLabel" style="position:absolute;text-align:right;top:154px;right:824px;width:18px">-0.5</div><div class="tickLabel" style="position:absolute;text-align:right;top:106px;right:824px;width:18px">0.0</div><div class="tickLabel" style="position:absolute;text-align:right;top:57px;right:824px;width:18px">0.5</div><div class="tickLabel" style="position:absolute;text-align:right;top:9px;right:824px;width:18px">1.0</div></div></div><div class="legend"><div style="position: absolute; width: 142px; height: 22px; top: -16px; right: 5px; opacity: 1; "> </div><table style="position:absolute;top:-16px;right:5px;;font-size: 11px; color:#545454"><tbody><tr><td class="legendColorBox"><div style="#ccc"><div style="width:15px;height:0;border:3px solid rgb(238,121,81);overflow:hidden"></div></div></td><td class="legendLabel"><span>sin(x)</span></td><td class="legendColorBox"><div style="#ccc"><div style="width:15px;height:0;border:3px solid rgb(109,182,238);overflow:hidden"></div></div></td><td class="legendLabel"><span>cos(x)</span></td></tr></tbody></table></div></div></div>
        </div>
    	
    
    	<!-- 6 + 6 -->
        <div class="fluid">
        
            <!-- Messages #1 -->
            <div class="widget grid6">
                <div class="whead">
                    <h6>Messages layout #1</h6>
                    <div class="on_off">
                        <span class="icon-reload-CW"></span>
                        <div class="ibutton-container" style="width: 49px; "><input type="checkbox" id="check1" checked="checked" name="chbox"><div class="ibutton-handle" style="width: 15px; left: 28px; "><div class="ibutton-handle-right"><div class="ibutton-handle-middle"></div></div></div><div class="ibutton-label-off" style="width: 44px; "><span style="margin-right: -28px; "><label></label></span></div><div class="ibutton-label-on" style="width: 28px; "><span style="margin-left: 0px; "><label></label></span></div><div class="ibutton-padding-left"></div><div class="ibutton-padding-right"></div></div>
                    </div>            
                    <div class="clear"></div>
                </div>
                
                <ul class="messagesOne">
                    <li class="by_user">
                        <a href="#" title=""><img src="images/live/face1.png" alt=""></a>
                        <div class="messageArea">
                            <span class="aro"></span>
                            <div class="infoRow">
                                <span class="name"><strong>John</strong> says:</span>
                                <span class="time">3 hours ago</span>
                                <div class="clear"></div>
                            </div>
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam vel est enim, vel eleifend felis. Ut volutpat, leo eget euismod scelerisque, eros purus lacinia velit, nec rhoncus mi dui eleifend orci. 
                            Phasellus ut sem urna, id congue libero. Nulla eget arcu vel massa suscipit ultricies ac id velit
                        </div>
                        <div class="clear"></div>
                    </li>
                
                    <li class="divider"><span></span></li>
                
                    <li class="by_me">
                        <a href="#" title=""><img src="images/live/face2.png" alt=""></a>
                        <div class="messageArea">
                            <span class="aro"></span>
                            <div class="infoRow">
                                <span class="name"><strong>Eugene</strong> says:</span>
                                <span class="time">3 hours ago</span>
                                <div class="clear"></div>
                            </div>
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam vel est enim, vel eleifend felis. Ut volutpat, leo eget euismod scelerisque, eros purus lacinia velit, nec rhoncus mi dui eleifend orci. 
                            Phasellus ut sem urna, id congue libero. Nulla eget arcu vel massa suscipit ultricies ac id velit
                        </div>
                        <div class="clear"></div>
                    </li>
                
                    <li class="by_me">
                        <a href="#" title=""><img src="images/live/face2.png" alt=""></a>
                        <div class="messageArea">
                            <span class="aro"></span>
                            <div class="infoRow">
                                <span class="name"><strong>Eugene</strong> says:</span>
                                <span class="time">3 hours ago</span>
                                <div class="clear"></div>
                            </div>
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam vel est enim, vel eleifend felis. Ut volutpat, leo eget euismod scelerisque, eros purus lacinia velit, nec rhoncus mi dui eleifend orci. 
                            Phasellus ut sem urna, id congue libero. Nulla eget arcu vel massa suscipit ultricies ac id velit
                        </div>
                        <div class="clear"></div>
                    </li>
                    
                    <li class="divider"><span></span></li>
                
                    <li class="by_user">
                        <a href="#" title=""><img src="images/live/face1.png" alt=""></a>
                        <div class="messageArea">
                            <span class="aro"></span>
                            <div class="infoRow">
                                <span class="name"><strong>John</strong> says:</span>
                                <span class="time">3 hours ago</span>
                                <div class="clear"></div>
                            </div>
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam vel est enim, vel eleifend felis. Ut volutpat, leo eget euismod scelerisque, eros purus lacinia velit, nec rhoncus mi dui eleifend orci. 
                            Phasellus ut sem urna, id congue libero. Nulla eget arcu vel massa suscipit ultricies ac id velit
                        </div>
                        <div class="clear"></div>
                    </li>
                    
                    <li class="divider"><span></span></li>
                
                    <li class="by_me">
                        <a href="#" title=""><img src="images/live/face2.png" alt=""></a>
                        <div class="messageArea">
                            <span class="aro"></span>
                            <div class="infoRow">
                                <span class="name"><strong>Eugene</strong> says:</span>
                                <span class="time">3 hours ago</span>
                                <div class="clear"></div>
                            </div>
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam vel est enim, vel eleifend felis. Ut volutpat, leo eget euismod scelerisque, eros purus lacinia velit, nec rhoncus mi dui eleifend orci. 
                            Phasellus ut sem urna, id congue libero. Nulla eget arcu vel massa suscipit ultricies ac id velit
                        </div>
                        <div class="clear"></div>
                    </li>
                </ul>
            </div>
            
            <!-- Calendar -->
            <div class="widget grid6">
                <div class="whead"><h6>Calendar</h6><div class="clear"></div></div>
                <div id="calendar" class="fc"><table class="fc-header" style="width:100%"><tbody><tr><td class="fc-header-left"><span class="fc-button fc-button-prev fc-state-default"><span class="fc-button-inner"><span class="fc-button-content"></span><span class="fc-button-effect"><span></span></span></span></span><span class="fc-button fc-button-next fc-state-default"><span class="fc-button-inner"><span class="fc-button-content"></span><span class="fc-button-effect"><span></span></span></span></span></td><td class="fc-header-center"><span class="fc-header-title"><h2>July 2012</h2></span></td><td class="fc-header-right"><span class="fc-button fc-button-month fc-state-default fc-state-active"><span class="fc-button-inner"><span class="fc-button-content">month</span><span class="fc-button-effect"><span></span></span></span></span><span class="fc-button fc-button-agendaWeek fc-state-default"><span class="fc-button-inner"><span class="fc-button-content">week</span><span class="fc-button-effect"><span></span></span></span></span><span class="fc-button fc-button-agendaDay fc-state-default"><span class="fc-button-inner"><span class="fc-button-content">day</span><span class="fc-button-effect"><span></span></span></span></span></td></tr></tbody></table><div class="fc-content" style="position: relative; min-height: 1px; "><div class="fc-view fc-view-month fc-cols" style="position: relative; " unselectable="on"><table class="fc-border-separate" style="width:100%" cellspacing="0"><thead><tr class="fc-first fc-last"><th class="fc-sun fc-widget-header fc-first" style="width: 60px; ">Sun</th><th class="fc-mon fc-widget-header" style="width: 59px; ">Mon</th><th class="fc-tue fc-widget-header" style="width: 59px; ">Tue</th><th class="fc-wed fc-widget-header" style="width: 59px; ">Wed</th><th class="fc-thu fc-widget-header" style="width: 59px; ">Thu</th><th class="fc-fri fc-widget-header" style="width: 59px; ">Fri</th><th class="fc-sat fc-widget-header fc-last">Sat</th></tr></thead><tbody><tr class="fc-week0 fc-first"><td class="fc-sun fc-widget-content fc-day0 fc-first"><div style="min-height: 47px; "><div class="fc-day-number">1</div><div class="fc-day-content"><div style="position: relative; height: 40px; ">&nbsp;</div></div></div></td><td class="fc-mon fc-widget-content fc-day1"><div><div class="fc-day-number">2</div><div class="fc-day-content"><div style="position:relative">&nbsp;</div></div></div></td><td class="fc-tue fc-widget-content fc-day2"><div><div class="fc-day-number">3</div><div class="fc-day-content"><div style="position:relative">&nbsp;</div></div></div></td><td class="fc-wed fc-widget-content fc-day3"><div><div class="fc-day-number">4</div><div class="fc-day-content"><div style="position:relative">&nbsp;</div></div></div></td><td class="fc-thu fc-widget-content fc-day4"><div><div class="fc-day-number">5</div><div class="fc-day-content"><div style="position:relative">&nbsp;</div></div></div></td><td class="fc-fri fc-widget-content fc-day5"><div><div class="fc-day-number">6</div><div class="fc-day-content"><div style="position:relative">&nbsp;</div></div></div></td><td class="fc-sat fc-widget-content fc-day6 fc-last"><div><div class="fc-day-number">7</div><div class="fc-day-content"><div style="position:relative">&nbsp;</div></div></div></td></tr><tr class="fc-week1"><td class="fc-sun fc-widget-content fc-day7 fc-first"><div style="min-height: 47px; "><div class="fc-day-number">8</div><div class="fc-day-content"><div style="position: relative; height: 24px; ">&nbsp;</div></div></div></td><td class="fc-mon fc-widget-content fc-day8"><div><div class="fc-day-number">9</div><div class="fc-day-content"><div style="position:relative">&nbsp;</div></div></div></td><td class="fc-tue fc-widget-content fc-day9"><div><div class="fc-day-number">10</div><div class="fc-day-content"><div style="position:relative">&nbsp;</div></div></div></td><td class="fc-wed fc-widget-content fc-day10"><div><div class="fc-day-number">11</div><div class="fc-day-content"><div style="position:relative">&nbsp;</div></div></div></td><td class="fc-thu fc-widget-content fc-day11"><div><div class="fc-day-number">12</div><div class="fc-day-content"><div style="position:relative">&nbsp;</div></div></div></td><td class="fc-fri fc-widget-content fc-day12"><div><div class="fc-day-number">13</div><div class="fc-day-content"><div style="position:relative">&nbsp;</div></div></div></td><td class="fc-sat fc-widget-content fc-day13 fc-last"><div><div class="fc-day-number">14</div><div class="fc-day-content"><div style="position:relative">&nbsp;</div></div></div></td></tr><tr class="fc-week2"><td class="fc-sun fc-widget-content fc-day14 fc-first"><div style="min-height: 47px; "><div class="fc-day-number">15</div><div class="fc-day-content"><div style="position: relative; height: 82px; ">&nbsp;</div></div></div></td><td class="fc-mon fc-widget-content fc-day15"><div><div class="fc-day-number">16</div><div class="fc-day-content"><div style="position:relative">&nbsp;</div></div></div></td><td class="fc-tue fc-widget-content fc-day16"><div><div class="fc-day-number">17</div><div class="fc-day-content"><div style="position:relative">&nbsp;</div></div></div></td><td class="fc-wed fc-widget-content fc-day17 fc-state-highlight fc-today"><div><div class="fc-day-number">18</div><div class="fc-day-content"><div style="position:relative">&nbsp;</div></div></div></td><td class="fc-thu fc-widget-content fc-day18"><div><div class="fc-day-number">19</div><div class="fc-day-content"><div style="position:relative">&nbsp;</div></div></div></td><td class="fc-fri fc-widget-content fc-day19"><div><div class="fc-day-number">20</div><div class="fc-day-content"><div style="position:relative">&nbsp;</div></div></div></td><td class="fc-sat fc-widget-content fc-day20 fc-last"><div><div class="fc-day-number">21</div><div class="fc-day-content"><div style="position:relative">&nbsp;</div></div></div></td></tr><tr class="fc-week3"><td class="fc-sun fc-widget-content fc-day21 fc-first"><div style="min-height: 47px; "><div class="fc-day-number">22</div><div class="fc-day-content"><div style="position: relative; height: 57px; ">&nbsp;</div></div></div></td><td class="fc-mon fc-widget-content fc-day22"><div><div class="fc-day-number">23</div><div class="fc-day-content"><div style="position:relative">&nbsp;</div></div></div></td><td class="fc-tue fc-widget-content fc-day23"><div><div class="fc-day-number">24</div><div class="fc-day-content"><div style="position:relative">&nbsp;</div></div></div></td><td class="fc-wed fc-widget-content fc-day24"><div><div class="fc-day-number">25</div><div class="fc-day-content"><div style="position:relative">&nbsp;</div></div></div></td><td class="fc-thu fc-widget-content fc-day25"><div><div class="fc-day-number">26</div><div class="fc-day-content"><div style="position:relative">&nbsp;</div></div></div></td><td class="fc-fri fc-widget-content fc-day26"><div><div class="fc-day-number">27</div><div class="fc-day-content"><div style="position:relative">&nbsp;</div></div></div></td><td class="fc-sat fc-widget-content fc-day27 fc-last"><div><div class="fc-day-number">28</div><div class="fc-day-content"><div style="position:relative">&nbsp;</div></div></div></td></tr><tr class="fc-week4"><td class="fc-sun fc-widget-content fc-day28 fc-first"><div style="min-height: 47px; "><div class="fc-day-number">29</div><div class="fc-day-content"><div style="position: relative; height: 40px; ">&nbsp;</div></div></div></td><td class="fc-mon fc-widget-content fc-day29"><div><div class="fc-day-number">30</div><div class="fc-day-content"><div style="position:relative">&nbsp;</div></div></div></td><td class="fc-tue fc-widget-content fc-day30"><div><div class="fc-day-number">31</div><div class="fc-day-content"><div style="position:relative">&nbsp;</div></div></div></td><td class="fc-wed fc-widget-content fc-day31 fc-other-month"><div><div class="fc-day-number">1</div><div class="fc-day-content"><div style="position:relative">&nbsp;</div></div></div></td><td class="fc-thu fc-widget-content fc-day32 fc-other-month"><div><div class="fc-day-number">2</div><div class="fc-day-content"><div style="position:relative">&nbsp;</div></div></div></td><td class="fc-fri fc-widget-content fc-day33 fc-other-month"><div><div class="fc-day-number">3</div><div class="fc-day-content"><div style="position:relative">&nbsp;</div></div></div></td><td class="fc-sat fc-widget-content fc-day34 fc-last fc-other-month"><div><div class="fc-day-number">4</div><div class="fc-day-content"><div style="position:relative">&nbsp;</div></div></div></td></tr><tr class="fc-week5 fc-last"><td class="fc-sun fc-widget-content fc-day35 fc-first fc-other-month"><div style="min-height: 51px; "><div class="fc-day-number">5</div><div class="fc-day-content"><div style="position: relative; height: 0px; ">&nbsp;</div></div></div></td><td class="fc-mon fc-widget-content fc-day36 fc-other-month"><div><div class="fc-day-number">6</div><div class="fc-day-content"><div style="position:relative">&nbsp;</div></div></div></td><td class="fc-tue fc-widget-content fc-day37 fc-other-month"><div><div class="fc-day-number">7</div><div class="fc-day-content"><div style="position:relative">&nbsp;</div></div></div></td><td class="fc-wed fc-widget-content fc-day38 fc-other-month"><div><div class="fc-day-number">8</div><div class="fc-day-content"><div style="position:relative">&nbsp;</div></div></div></td><td class="fc-thu fc-widget-content fc-day39 fc-other-month"><div><div class="fc-day-number">9</div><div class="fc-day-content"><div style="position:relative">&nbsp;</div></div></div></td><td class="fc-fri fc-widget-content fc-day40 fc-other-month"><div><div class="fc-day-number">10</div><div class="fc-day-content"><div style="position:relative">&nbsp;</div></div></div></td><td class="fc-sat fc-widget-content fc-day41 fc-last fc-other-month"><div><div class="fc-day-number">11</div><div class="fc-day-content"><div style="position:relative">&nbsp;</div></div></div></td></tr></tbody></table><div style="position:absolute;z-index:8;top:0;left:0"><div class="fc-event fc-event-skin fc-event-hori fc-event-draggable fc-corner-left fc-corner-right" style="position: absolute; z-index: 8; left: 2px; width: 54px; top: 58px; "><div class="fc-event-inner fc-event-skin"><span class="fc-event-title">All Day Event</span></div><div class="ui-resizable-handle ui-resizable-e">&nbsp;&nbsp;&nbsp;</div></div><div class="fc-event fc-event-skin fc-event-hori fc-event-draggable fc-corner-left" style="position: absolute; z-index: 8; left: 303px; width: 122px; top: 135px; "><div class="fc-event-inner fc-event-skin"><span class="fc-event-title">Long Event</span></div></div><div class="fc-event fc-event-skin fc-event-hori fc-event-draggable fc-corner-right" style="position: absolute; z-index: 8; left: 0px; width: 117px; top: 196px; "><div class="fc-event-inner fc-event-skin"><span class="fc-event-title">Long Event</span></div><div class="ui-resizable-handle ui-resizable-e">&nbsp;&nbsp;&nbsp;</div></div><div class="fc-event fc-event-skin fc-event-hori fc-event-draggable fc-corner-left fc-corner-right" style="position: absolute; z-index: 8; left: 183px; width: 53px; top: 196px; "><div class="fc-event-inner fc-event-skin"><span class="fc-event-time">10:30a</span><span class="fc-event-title">Meeting</span></div><div class="ui-resizable-handle ui-resizable-e">&nbsp;&nbsp;&nbsp;</div></div><div class="fc-event fc-event-skin fc-event-hori fc-event-draggable fc-corner-left fc-corner-right" style="position: absolute; z-index: 8; left: 243px; width: 53px; top: 196px; "><div class="fc-event-inner fc-event-skin"><span class="fc-event-time">7p</span><span class="fc-event-title">Birthday Party</span></div><div class="ui-resizable-handle ui-resizable-e">&nbsp;&nbsp;&nbsp;</div></div><div class="fc-event fc-event-skin fc-event-hori fc-event-draggable fc-corner-left fc-corner-right" style="position: absolute; z-index: 8; left: 183px; width: 53px; top: 237px; "><div class="fc-event-inner fc-event-skin"><span class="fc-event-time">12p</span><span class="fc-event-title">Lunch</span></div><div class="ui-resizable-handle ui-resizable-e">&nbsp;&nbsp;&nbsp;</div></div><div class="fc-event fc-event-skin fc-event-hori fc-event-draggable fc-corner-left fc-corner-right" style="position: absolute; z-index: 8; left: 2px; width: 54px; top: 220px; "><div class="fc-event-inner fc-event-skin"><span class="fc-event-time">4p</span><span class="fc-event-title">Repeating Event</span></div><div class="ui-resizable-handle ui-resizable-e">&nbsp;&nbsp;&nbsp;</div></div><a href="http://google.com/" class="fc-event fc-event-skin fc-event-hori fc-event-draggable fc-corner-left" style="position: absolute; z-index: 8; left: 363px; width: 62px; top: 315px; "><div class="fc-event-inner fc-event-skin"><span class="fc-event-title">Click for Google</span></div></a><div class="fc-event fc-event-skin fc-event-hori fc-event-draggable fc-corner-left fc-corner-right" style="position: absolute; z-index: 8; left: 2px; width: 54px; top: 315px; "><div class="fc-event-inner fc-event-skin"><span class="fc-event-time">4p</span><span class="fc-event-title">Repeating Event</span></div><div class="ui-resizable-handle ui-resizable-e">&nbsp;&nbsp;&nbsp;</div></div><a href="http://google.com/" class="fc-event fc-event-skin fc-event-hori fc-event-draggable fc-corner-right" style="position: absolute; z-index: 8; left: 0px; width: 57px; top: 409px; "><div class="fc-event-inner fc-event-skin"><span class="fc-event-title">Click for Google</span></div><div class="ui-resizable-handle ui-resizable-e">&nbsp;&nbsp;&nbsp;</div></a></div></div></div></div>
            </div>
            <div class="clear"></div>
        </div>

        <div class="widget">
        <div class="whead"><h6>Table with hidden toolbar</h6><div class="clear"></div></div>
        <div id="dyn" class="hiddenpars">
            <a class="tOptions" title="Options"><img src="images/icons/options" alt=""></a>
            <div id="dynamic_wrapper" class="dataTables_wrapper" role="grid"><div class="tablePars"><div class="dataTables_filter" id="dynamic_filter"><label><span>Search:</span> <input type="text" placeholder="type to filter..." aria-controls="dynamic"><div class="srch"></div></label></div><div id="dynamic_length" class="dataTables_length"><label><span class="showentries">Show entries:</span> <div class="selector" id="uniform-undefined"><span>10</span><select size="1" name="dynamic_length" aria-controls="dynamic" style="opacity: 0; "><option value="10" selected="selected">10</option><option value="25">25</option><option value="50">50</option><option value="100">100</option></select></div> </label></div></div><table cellpadding="0" cellspacing="0" border="0" class="dTable dataTable" id="dynamic" aria-describedby="dynamic_info">
            <thead>
            <tr role="row"><th class="sorting_asc" role="columnheader" tabindex="0" aria-controls="dynamic" rowspan="1" colspan="1" aria-sort="ascending" aria-label="Rendering engine: activate to sort column descending">Rendering engine<span class="sorting" style="display: block;"></span></th><th class="sorting" role="columnheader" tabindex="0" aria-controls="dynamic" rowspan="1" colspan="1" aria-label="Browser: activate to sort column ascending">Browser</th><th class="sorting" role="columnheader" tabindex="0" aria-controls="dynamic" rowspan="1" colspan="1" aria-label="Platform(s): activate to sort column ascending">Platform(s)</th><th class="sorting" role="columnheader" tabindex="0" aria-controls="dynamic" rowspan="1" colspan="1" aria-label="Engine version: activate to sort column ascending">Engine version</th></tr>
            </thead>
            
            <tbody role="alert" aria-live="polite" aria-relevant="all"><tr class="gradeA odd">
            <td class="  sorting_1">Gecko</td>
            <td class=" ">Firefox 1.0</td>
            <td class=" ">Win 98+ / OSX.2+</td>
            <td class="center ">1.7</td>
            </tr><tr class="gradeA even">
            <td class="  sorting_1">Gecko</td>
            <td class=" ">Firefox 1.5</td>
            <td class=" ">Win 98+ / OSX.2+</td>
            <td class="center ">1.8</td>
            </tr><tr class="gradeA odd">
            <td class="  sorting_1">Gecko</td>
            <td class=" ">Firefox 2.0</td>
            <td class=" ">Win 98+ / OSX.2+</td>
            <td class="center ">1.8</td>
            </tr><tr class="gradeA even">
            <td class="  sorting_1">Gecko</td>
            <td class=" ">Firefox 3.0</td>
            <td class=" ">Win 2k+ / OSX.3+</td>
            <td class="center ">1.9</td>
            </tr><tr class="gradeA odd">
            <td class="  sorting_1">Gecko</td>
            <td class=" ">Camino 1.0</td>
            <td class=" ">OSX.2+</td>
            <td class="center ">1.8</td>
            </tr><tr class="gradeA even">
            <td class="  sorting_1">Gecko</td>
            <td class=" ">Camino 1.5</td>
            <td class=" ">OSX.3+</td>
            <td class="center ">1.8</td>
            </tr><tr class="gradeA odd">
            <td class="  sorting_1">Gecko</td>
            <td class=" ">Netscape 7.2</td>
            <td class=" ">Win 95+ / Mac OS 8.6-9.2</td>
            <td class="center ">1.7</td>
            </tr><tr class="gradeA even">
            <td class="  sorting_1">Gecko</td>
            <td class=" ">Netscape Browser 8</td>
            <td class=" ">Win 98SE+</td>
            <td class="center ">1.7</td>
            </tr><tr class="gradeA odd">
            <td class="  sorting_1">Gecko</td>
            <td class=" ">Netscape Navigator 9</td>
            <td class=" ">Win 98+ / OSX.2+</td>
            <td class="center ">1.8</td>
            </tr><tr class="gradeA even">
            <td class="sorting_1 noBorderB">Gecko</td>
            <td class="noBorderB">Mozilla 1.0</td>
            <td class="noBorderB">Win 95+ / OSX.1+</td>
            <td class="center  noBorderB">1</td>
            </tr></tbody></table><div class="fg-toolbar tableFooter"><div class="dataTables_info" id="dynamic_info">Showing 1 to 10 of 57 entries</div><div class="dataTables_paginate paging_full_numbers" id="dynamic_paginate"><a tabindex="0" class="first paginate_button paginate_button_disabled" id="dynamic_first">First</a><a tabindex="0" class="previous paginate_button paginate_button_disabled" id="dynamic_previous">Previous</a><span><a tabindex="0" class="paginate_active">1</a><a tabindex="0" class="paginate_button">2</a><a tabindex="0" class="paginate_button">3</a><a tabindex="0" class="paginate_button">4</a><a tabindex="0" class="paginate_button">5</a></span><a tabindex="0" class="next paginate_button" id="dynamic_next">Next</a><a tabindex="0" class="last paginate_button" id="dynamic_last">Last</a></div></div></div> 
        </div>
        </div>    
        
        <div class="fluid">
        	
            <div class="grid6">
                <!-- Search widget -->
                <div class="searchLine">
                    <form action="">
                        <input type="text" name="search" class="ac ui-autocomplete-input" placeholder="Enter search text..." autocomplete="off" role="textbox" aria-autocomplete="list" aria-haspopup="true">
                       <button type="submit" name="find" value=""><span class="icos-search"></span></button>
                    </form>
                </div>
                
                <!-- Multiple files uploader -->
                <div class="widget">    
                    <div class="whead"><h6>WYSIWYG editor</h6><div class="clear"></div></div>
                    <div class="cleditorMain" style="width: 100%; height: 250px; "><div class="cleditorToolbar" style="height: 53px; "><div class="cleditorGroup"><div class="cleditorButton cleditorDisabled" title="Bold" disabled="disabled"></div><div class="cleditorButton cleditorDisabled" title="Italic" style="background-position: -24px 50%; " disabled="disabled"></div><div class="cleditorButton cleditorDisabled" title="Underline" style="background-position: -48px 50%; " disabled="disabled"></div><div class="cleditorButton cleditorDisabled" title="Strikethrough" style="background-position: -72px 50%; " disabled="disabled"></div><div class="cleditorButton cleditorDisabled" title="Subscript" style="background-position: -96px 50%; " disabled="disabled"></div><div class="cleditorButton cleditorDisabled" title="Superscript" style="background-position: -120px 50%; " disabled="disabled"></div><div class="cleditorDivider"></div></div><div class="cleditorGroup"><div class="cleditorButton cleditorDisabled" title="Font" style="background-position: -144px 50%; " disabled="disabled"></div><div class="cleditorButton cleditorDisabled" title="Font Size" style="background-position: -168px 50%; " disabled="disabled"></div><div class="cleditorButton cleditorDisabled" title="Style" style="background-position: -192px 50%; " disabled="disabled"></div><div class="cleditorDivider"></div></div><div class="cleditorGroup"><div class="cleditorButton cleditorDisabled" title="Font Color" style="background-position: -216px 50%; " disabled="disabled"></div><div class="cleditorButton cleditorDisabled" title="Text Highlight Color" style="background-position: -240px 50%; " disabled="disabled"></div><div class="cleditorButton cleditorDisabled" title="Remove Formatting" style="background-position: -264px 50%; " disabled="disabled"></div><div class="cleditorDivider"></div></div><div class="cleditorGroup"><div class="cleditorButton cleditorDisabled" title="Bullets" style="background-position: -288px 50%; " disabled="disabled"></div><div class="cleditorButton cleditorDisabled" title="Numbering" style="background-position: -312px 50%; " disabled="disabled"></div><div class="cleditorDivider"></div></div><div class="cleditorGroup"><div class="cleditorButton cleditorDisabled" title="Outdent" style="background-position: -336px 50%; " disabled="disabled"></div><div class="cleditorButton cleditorDisabled" title="Indent" style="background-position: -360px 50%; " disabled="disabled"></div><div class="cleditorDivider"></div></div><div class="cleditorGroup"><div class="cleditorButton cleditorDisabled" title="Align Text Left" style="background-position: -384px 50%; " disabled="disabled"></div><div class="cleditorButton cleditorDisabled" title="Center" style="background-position: -408px 50%; " disabled="disabled"></div><div class="cleditorButton cleditorDisabled" title="Align Text Right" style="background-position: -432px 50%; " disabled="disabled"></div><div class="cleditorButton cleditorDisabled" title="Justify" style="background-position: -456px 50%; " disabled="disabled"></div><div class="cleditorDivider"></div></div><div class="cleditorGroup"><div class="cleditorButton cleditorDisabled" title="Undo" style="background-position: -480px 50%; " disabled="disabled"></div><div class="cleditorButton cleditorDisabled" title="Redo" style="background-position: -504px 50%; " disabled="disabled"></div><div class="cleditorDivider"></div></div><div class="cleditorGroup"><div class="cleditorButton cleditorDisabled" title="Insert Horizontal Rule" style="background-position: -528px 50%; " disabled="disabled"></div><div class="cleditorButton cleditorDisabled" title="Insert Image" style="background-position: -552px 50%; " disabled="disabled"></div><div class="cleditorButton cleditorDisabled" title="Insert Hyperlink" style="background-position: -576px 50%; " disabled="disabled"></div><div class="cleditorButton cleditorDisabled" title="Remove Hyperlink" style="background-position: -600px 50%; " disabled="disabled"></div><div class="cleditorDivider"></div></div><div class="cleditorGroup"><div class="cleditorButton cleditorDisabled" title="Cut" style="background-position: -624px 50%; " disabled="disabled"></div><div class="cleditorButton cleditorDisabled" title="Copy" style="background-position: -648px 50%; " disabled="disabled"></div><div class="cleditorButton cleditorDisabled" title="Paste" style="background-position: -672px 50%; " disabled="disabled"></div><div class="cleditorButton cleditorDisabled" title="Paste as Text" style="background-position: -696px 50%; " disabled="disabled"></div><div class="cleditorDivider"></div></div><div class="cleditorGroup"><div class="cleditorButton" title="Print" style="background-position: -720px 50%; "></div><div class="cleditorButton" title="Show Source" style="background-position: -744px 50%; "></div></div></div><textarea id="editor" name="editor" rows="" cols="16" style="display: none; width: 426px; height: 197px; ">Some cool stuff here</textarea><iframe frameborder="0" src="javascript:true;" style="width: 426px; height: 197px; "></iframe></div>                    
                </div>
            </div>
            
            <!-- Media table -->
          <div class="widget check grid6">
            <div class="whead">
                <span class="titleIcon"><div class="checker" id="uniform-titleCheck"><span><input type="checkbox" id="titleCheck" name="titleCheck" style="opacity: 0; "></span></div></span>
                <h6>Media table</h6><div class="clear"></div>
            </div>
            <table cellpadding="0" cellspacing="0" width="100%" class="tDefault checkAll tMedia" id="checkAll">
                <thead>
                    <tr>
                        <td><img src="images/elements/other/tableArrows.png" alt=""></td>
                        <td width="50">Image</td>
                        <td class="sortCol header"><div>Description<span></span></div></td>
                        <td width="130" class="sortCol header"><div>Date<span></span></div></td>
                        <td width="120">File info</td>
                        <td width="100">Actions</td>
                    </tr>
                </thead>
                <tfoot>
                    <tr>
                        <td colspan="6">
                            <div class="itemActions">
                                <label>Apply action:</label>
                                <div class="selector" id="uniform-undefined"><span>Select action...</span><select style="opacity: 0; ">
                                    <option value="">Select action...</option>
                                    <option value="Edit">Edit</option>
                                    <option value="Delete">Delete</option>
                                    <option value="Move">Move somewhere</option>
                                </select></div>
                            </div>
                            <div class="tPages">
                                <ul class="pages">
                                    <li class="prev"><a href="#" title=""><span class="icon-arrow-14"></span></a></li>
                                    <li><a href="#" title="" class="active">1</a></li>
                                    <li><a href="#" title="">2</a></li>
                                    <li><a href="#" title="">3</a></li>
                                    <li><a href="#" title="">4</a></li>
                                    <li>...</li>
                                    <li><a href="#" title="">20</a></li>
                                    <li class="next"><a href="#" title=""><span class="icon-arrow-17"></span></a></li>
                                </ul>
                            </div>
                        </td>
                    </tr>
                </tfoot>
                <tbody>
                    <tr>
                        <td><div class="checker" id="uniform-undefined"><span><input type="checkbox" name="checkRow" style="opacity: 0; "></span></div></td>
                        <td><a href="images/big.png" title="" class="lightbox"><img src="images/live/face3.png" alt=""></a></td>
                        <td class="textL"><a href="#" title="">Image1 description</a></td>
                        <td>Feb 12, 2012. 12:28</td>
                        <td class="fileInfo"><span><strong>Size:</strong> 215 Kb</span><span><strong>Format:</strong> .jpg</span></td>
                        <td class="tableActs">
                            <a href="#" class="tablectrl_small bDefault tipS" original-title="Edit"><span class="iconb" data-icon=""></span></a>
                            <a href="#" class="tablectrl_small bDefault tipS" original-title="Remove"><span class="iconb" data-icon=""></span></a>
                            <a href="#" class="tablectrl_small bDefault tipS" original-title="Options"><span class="iconb" data-icon=""></span></a>
                        </td>
                    </tr>
                    <tr>
                        <td><div class="checker" id="uniform-undefined"><span><input type="checkbox" name="checkRow" style="opacity: 0; "></span></div></td>
                        <td><a href="images/big.png" title="" class="lightbox"><img src="images/live/face7.png" alt=""></a></td>
                        <td class="textL"><a href="#" title="">Image1 description</a></td>
                        <td>Feb 12, 2012. 12:28</td>
                        <td class="fileInfo"><span><strong>Size:</strong> 215 Kb</span><span><strong>Format:</strong> .jpg</span></td>
                        <td class="tableActs">
                            <a href="#" class="tablectrl_small bDefault tipS" original-title="Edit"><span class="iconb" data-icon=""></span></a>
                            <a href="#" class="tablectrl_small bDefault tipS" original-title="Remove"><span class="iconb" data-icon=""></span></a>
                            <a href="#" class="tablectrl_small bDefault tipS" original-title="Options"><span class="iconb" data-icon=""></span></a>
                        </td>
                    </tr>
                    <tr>
                        <td><div class="checker" id="uniform-undefined"><span><input type="checkbox" name="checkRow" style="opacity: 0; "></span></div></td>
                        <td><a href="images/big.png" title="" class="lightbox"><img src="images/live/face6.png" alt=""></a></td>
                        <td class="textL"><a href="#" title="">Image1 description</a></td>
                        <td>Feb 12, 2012. 12:28</td>
                        <td class="fileInfo"><span><strong>Size:</strong> 215 Kb</span><span><strong>Format:</strong> .jpg</span></td>
                        <td class="tableActs">
                            <a href="#" class="tablectrl_small bDefault tipS" original-title="Edit"><span class="iconb" data-icon=""></span></a>
                            <a href="#" class="tablectrl_small bDefault tipS" original-title="Remove"><span class="iconb" data-icon=""></span></a>
                            <a href="#" class="tablectrl_small bDefault tipS" original-title="Options"><span class="iconb" data-icon=""></span></a>
                        </td>
                    </tr>
                    <tr>
                        <td class="noBorderB"><div class="checker" id="uniform-undefined"><span><input type="checkbox" name="checkRow" style="opacity: 0; "></span></div></td>
                        <td class="noBorderB"><a href="images/big.png" title="" class="lightbox"><img src="images/live/face5.png" alt=""></a></td>
                        <td class="textL noBorderB"><a href="#" title="">Image1 description</a></td>
                        <td class="noBorderB">Feb 12, 2012. 12:28</td>
                        <td class="fileInfo noBorderB"><span><strong>Size:</strong> 215 Kb</span><span><strong>Format:</strong> .jpg</span></td>
                        <td class="tableActs noBorderB">
                            <a href="#" class="tablectrl_small bDefault tipS" original-title="Edit"><span class="iconb" data-icon=""></span></a>
                            <a href="#" class="tablectrl_small bDefault tipS" original-title="Remove"><span class="iconb" data-icon=""></span></a>
                            <a href="#" class="tablectrl_small bDefault tipS" original-title="Options"><span class="iconb" data-icon=""></span></a>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
            
        </div>
        
        
        
    </div>
    <!-- Main content ends -->
    
</div>
<!-- Content ends -->



<div id="fancybox-tmp"></div><div id="fancybox-loading"><div></div></div><div id="fancybox-overlay"></div><div id="fancybox-wrap"><div id="fancybox-outer"><div class="fancybox-bg" id="fancybox-bg-n"></div><div class="fancybox-bg" id="fancybox-bg-ne"></div><div class="fancybox-bg" id="fancybox-bg-e"></div><div class="fancybox-bg" id="fancybox-bg-se"></div><div class="fancybox-bg" id="fancybox-bg-s"></div><div class="fancybox-bg" id="fancybox-bg-sw"></div><div class="fancybox-bg" id="fancybox-bg-w"></div><div class="fancybox-bg" id="fancybox-bg-nw"></div><div id="fancybox-content"></div><a id="fancybox-close"></a><div id="fancybox-title"></div><a href="javascript:;" id="fancybox-left"><span class="fancy-ico" id="fancybox-left-ico"></span></a><a href="javascript:;" id="fancybox-right"><span class="fancy-ico" id="fancybox-right-ico"></span></a></div></div><ul class="ui-autocomplete ui-menu ui-widget ui-widget-content ui-corner-all" role="listbox" aria-activedescendant="ui-active-menuitem" style="z-index: 1; top: 0px; left: 0px; display: none; "></ul><div style="display: none; " class="cleditorPopup cleditorList"><div style="font-family: Arial; ">Arial</div><div style="font-family: 'Arial Black'; ">Arial Black</div><div style="font-family: 'Comic Sans MS'; ">Comic Sans MS</div><div style="font-family: 'Courier New'; ">Courier New</div><div style="font-family: Narrow; ">Narrow</div><div style="font-family: Garamond; ">Garamond</div><div style="font-family: Georgia; ">Georgia</div><div style="font-family: Impact; ">Impact</div><div style="font-family: 'Sans Serif'; ">Sans Serif</div><div style="font-family: serif; ">Serif</div><div style="font-family: Tahoma; ">Tahoma</div><div style="font-family: 'Trebuchet MS'; ">Trebuchet MS</div><div style="font-family: Verdana; ">Verdana</div></div><div style="display: none; " class="cleditorPopup cleditorList"><div><font size="1">1</font></div><div><font size="2">2</font></div><div><font size="3">3</font></div><div><font size="4">4</font></div><div><font size="5">5</font></div><div><font size="6">6</font></div><div><font size="7">7</font></div></div><div style="display: none; " class="cleditorPopup cleditorList"><div><p>Paragraph</p></div><div><h1>Header 1</h1></div><div><h2>Header 2</h2></div><div><h3>Header 3</h3></div><div><h4>Header 4</h4></div><div><h5>Header 5</h5></div><div><h6>Header 6</h6></div></div><div style="display: none; " class="cleditorPopup cleditorColor"><div style="background-color: rgb(255, 255, 255); "></div><div style="background-color: rgb(255, 204, 204); "></div><div style="background-color: rgb(255, 204, 153); "></div><div style="background-color: rgb(255, 255, 153); "></div><div style="background-color: rgb(255, 255, 204); "></div><div style="background-color: rgb(153, 255, 153); "></div><div style="background-color: rgb(153, 255, 255); "></div><div style="background-color: rgb(204, 255, 255); "></div><div style="background-color: rgb(204, 204, 255); "></div><div style="background-color: rgb(255, 204, 255); "></div><div style="background-color: rgb(204, 204, 204); "></div><div style="background-color: rgb(255, 102, 102); "></div><div style="background-color: rgb(255, 153, 102); "></div><div style="background-color: rgb(255, 255, 102); "></div><div style="background-color: rgb(255, 255, 51); "></div><div style="background-color: rgb(102, 255, 153); "></div><div style="background-color: rgb(51, 255, 255); "></div><div style="background-color: rgb(102, 255, 255); "></div><div style="background-color: rgb(153, 153, 255); "></div><div style="background-color: rgb(255, 153, 255); "></div><div style="background-color: rgb(187, 187, 187); "></div><div style="background-color: rgb(255, 0, 0); "></div><div style="background-color: rgb(255, 153, 0); "></div><div style="background-color: rgb(255, 204, 102); "></div><div style="background-color: rgb(255, 255, 0); "></div><div style="background-color: rgb(51, 255, 51); "></div><div style="background-color: rgb(102, 204, 204); "></div><div style="background-color: rgb(51, 204, 255); "></div><div style="background-color: rgb(102, 102, 204); "></div><div style="background-color: rgb(204, 102, 204); "></div><div style="background-color: rgb(153, 153, 153); "></div><div style="background-color: rgb(204, 0, 0); "></div><div style="background-color: rgb(255, 102, 0); "></div><div style="background-color: rgb(255, 204, 51); "></div><div style="background-color: rgb(255, 204, 0); "></div><div style="background-color: rgb(51, 204, 0); "></div><div style="background-color: rgb(0, 204, 204); "></div><div style="background-color: rgb(51, 102, 255); "></div><div style="background-color: rgb(102, 51, 255); "></div><div style="background-color: rgb(204, 51, 204); "></div><div style="background-color: rgb(102, 102, 102); "></div><div style="background-color: rgb(153, 0, 0); "></div><div style="background-color: rgb(204, 102, 0); "></div><div style="background-color: rgb(204, 153, 51); "></div><div style="background-color: rgb(153, 153, 0); "></div><div style="background-color: rgb(0, 153, 0); "></div><div style="background-color: rgb(51, 153, 153); "></div><div style="background-color: rgb(51, 51, 255); "></div><div style="background-color: rgb(102, 0, 204); "></div><div style="background-color: rgb(153, 51, 153); "></div><div style="background-color: rgb(51, 51, 51); "></div><div style="background-color: rgb(102, 0, 0); "></div><div style="background-color: rgb(153, 51, 0); "></div><div style="background-color: rgb(153, 102, 51); "></div><div style="background-color: rgb(102, 102, 0); "></div><div style="background-color: rgb(0, 102, 0); "></div><div style="background-color: rgb(51, 102, 102); "></div><div style="background-color: rgb(0, 0, 153); "></div><div style="background-color: rgb(51, 51, 153); "></div><div style="background-color: rgb(102, 51, 102); "></div><div style="background-color: rgb(0, 0, 0); "></div><div style="background-color: rgb(51, 0, 0); "></div><div style="background-color: rgb(102, 51, 0); "></div><div style="background-color: rgb(102, 51, 51); "></div><div style="background-color: rgb(51, 51, 0); "></div><div style="background-color: rgb(0, 51, 0); "></div><div style="background-color: rgb(0, 51, 51); "></div><div style="background-color: rgb(0, 0, 102); "></div><div style="background-color: rgb(51, 0, 153); "></div><div style="background-color: rgb(51, 0, 51); "></div></div><div style="display: none; " class="cleditorPopup cleditorPrompt">Enter URL:<br><input type="text" value="http://" size="35"><br><input type="button" value="Submit" class="blueB mt10"></div><div style="display: none; " class="cleditorPopup cleditorPrompt">Paste your content here and click submit.<br><textarea cols="40" rows="3"></textarea><br><input type="button" value="Submit"></div><tester style="position: absolute; top: -9999px; left: -9999px; width: auto; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; letter-spacing: normal; white-space: nowrap; " id="tags_tag_autosize_tester"></tester><div id="ui-datepicker-div" class="ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all"></div></body></html>